<my-plugin-navigation [pluginType]="pluginType"></my-plugin-navigation>

<div class="no-results" *ngIf="pagination.totalItems === 0">
  {{ getNoResultMessage() }}
</div>

<div class="plugins" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()">
  <ng-container *ngFor="let plugin of plugins">
    <my-plugin-card [plugin]="plugin" [version]="plugin.version" [pluginType]="pluginType">
      <div ngProjectAs="buttons">
        <my-edit-button
          *ngIf="!isTheme(plugin)" [ptRouterLink]="getShowRouterLink(plugin)" label="Settings" i18n-label
          [responsiveLabel]="true"
        ></my-edit-button>

        <my-button
          class="update-button" *ngIf="isUpdateAvailable(plugin)" (click)="update(plugin)" [loading]="isUpdating(plugin)"
          [attr.disabled]="isUpdating(plugin) || isUninstalling(plugin)"
          [label]="getUpdateLabel(plugin)" icon="refresh" [responsiveLabel]="true"
        ></my-button>

        <my-delete-button
          (click)="uninstall(plugin)"
          label="Uninstall" i18n-label [responsiveLabel]="true"
          [disabled]="isUpdating(plugin) || isUninstalling(plugin)"
        ></my-delete-button>
      </div>
    </my-plugin-card>
  </ng-container>
</div>
